﻿@{
    EvincePayroll.Data.EmployeeData employee = null;
    if (Session["EmployeeData"] != null)
    {
        employee = (EvincePayroll.Data.EmployeeData)Session["EmployeeData"];
    }
    var userNameId = string.Format("{0}_{1}", employee.ID, employee.FirstName);
<!DOCTYPE html>
<html lang="en">
   <head>
        <meta charset="utf-8" />
        <title>Evince Development</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <link href="../../Content/reset.css" rel="stylesheet" type="text/css" />
        <link href="../../Content/text.css" rel="stylesheet" type="text/css" />
        <link href="../../Content/grid.css" rel="stylesheet" type="text/css" />
        <link href="../../Content/layout.css" rel="stylesheet" type="text/css" />
        <link href="../../Content/nav.css" rel="stylesheet" type="text/css" />
        <link href="../../Content/datetimepicker.css" rel="stylesheet" type="text/css" />
       <link href="../../Content/Editer/jquery.wysiwyg.css" rel="stylesheet" type="text/css" />
       <link href="../../Content/jquery.ui.dialog.css" rel="stylesheet" type="text/css" />
       <link href="../../Content/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
       <link href="../../Content/jquery.ui.resizable.css" rel="stylesheet" type="text/css" />
       <link href="../../Content/jquery.ui.core.css" rel="stylesheet" type="text/css" />
       <link href="../../Content/prettyPhoto.css" rel="stylesheet" type="text/css" />
       <link href="../../Scripts/ChatBox/chat.css" rel="stylesheet" type="text/css" />
       <link href="../../Scripts/ChatBox/screen.css" rel="stylesheet" type="text/css" />
       <link href="../../Scripts/ChatBox/screen_ie.css" rel="stylesheet" type="text/css" />
        
        <script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="../../Scripts/Evince_Script/jquery.ui.datepicker.min.js" type="text/javascript"></script>
        <script src="../../Scripts/Evince_Script/jquery.ui.core.min.js" type="text/javascript"></script>
        <script src="../../Scripts/jquery-ui-1.8.20.min.js" type="text/javascript"></script>
        <script src="../../Scripts/Evince_Script/jquery.ui.widget.min.js" type="text/javascript"></script>
        <script src="../../Scripts/Evince_Script/jquery.ui.accordion.min.js" type="text/javascript"></script>
        <script src="../../Scripts/Evince_Script/jquery.effects.core.min.js" type="text/javascript"></script>
        <script src="../../Scripts/Evince_Script/jquery.effects.slide.min.js" type="text/javascript"></script>
        <script src="../../Scripts/Data_Table/jquery.dataTables.min.js" type="text/javascript"></script>
       <script src="../../Scripts/Evince_Script/jquery.effects.blind.min.js" type="text/javascript"></script>
       <script src="../../Scripts/Evince_Script/jquery.prettyPhoto.js" type="text/javascript"></script>
        <script src="../../Scripts/Evince_Script/setup.js" type="text/javascript"></script>
       <script src="../../Scripts/Editer/jquery.wysiwyg.js" type="text/javascript"></script>
       <script src="../../Scripts/Editer/wysiwyg.image.js" type="text/javascript"></script>
       <script src="../../Scripts/Editer/wysiwyg.link.js" type="text/javascript"></script>
       <script src="../../Scripts/Editer/wysiwyg.table.js" type="text/javascript"></script>
       @*<script src="../../Scripts/ChatBox/chat.js" type="text/javascript"></script>*@
       <script src="../../Scripts/jquery.signalR-0.5.2.js" type="text/javascript"></script>
       <script src="/signalr/hubs"></script>
       <script src="../../Scripts/SignalR.js" type="text/javascript"></script>
       <script src="../../Scripts/Evince_Script/jqsimplemenu.js" type="text/javascript"></script>
       
    </head>
    <script type="text/javascript">
        $(document).ready(function () {
            setupPrettyPhoto();
            setupDialogBox('dialog', 'opener');
            //  setInterval('GetOnlineUsersList()', 10000); 
            $.get('/UserRole/_DynamicNavigation', function (data) {
                $("#dynamicNavigation").html(data);
            });
          
        });
    
    </script>
    
    <body style="background:#2E5E79;">
    <input type="hidden" value="@employee.FirstName" id="userInfo"/>
   <input type="hidden" id="chatBoxId" value="@userNameId" />
          <div class="container_12" style="height:100%;">
        <div class="grid_12 header-repeat">
            <div id="branding">
                <div class="floatleft">
                     
                   <a href="http://www.evincedev.com" target="_blank"><img src="../../Images/evince-logo.png" alt="Logo" width="120px" /></a></div>
                   <div class="floatleft" style="text-align: center;width: 1000px;">
                     
                  <label style="color: white;font-size: 25px;">Evince Backoffice Management</label></div>
                <div class="floatright">
                    <div class="floatleft">
                    @if(employee!=null)
                    {
                        <img src="../../Images/Employee/@employee.Image1" alt="Profile Pic" width="30px" height="30px" />
                    }
                    else
                    {
                        <img src="../../Images/img-profile.jpg" alt="Profile Pic" />
                    }
                    </div>
                    <div class="floatleft marginleft10">
                        <ul class="inline-ul floatleft">
             
                            
                            @{
                                if (Session["EmployeeData"] != null)
                                {
                  
                 
                                <li>Hello @employee.FirstName</li>
                                                     <li><a id="na" href="../Account/LogOff">Logout</a></li>    
                                }
                                else
                                { 
             
                                                  <li><a  href="../Account/Login">Log In</a></li>
                                }
                                
                                }
                            
                        </ul>
                        <br />
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="clear">
        </div>
        @* Top Navigation*@
        <div id="dynamicNavigation"></div>
       @* @Html.Partial("../UserRole/_DynamicNavigation")*@
        @*@Html.Partial("_TopNav_Admin")*@
        <div class="clear">
        </div>
        @* Left navigation*@
        @Html.Partial("_LeftNav")
        @RenderSection("featured", required: false)
            @RenderBody()
             <div id="dialog" title="Check Out Reason" style="display:none;">
                                    <p><input name="CheckOut" type="radio" id="lunchRadio" onchange="checkLunchRadio()"/>&nbsp;Lunch</p>
                                    <p><input name="CheckOut" type="radio" id="departureRadio" onchange="checkDepartureRadio()"/>&nbsp;Departure</p>
                                    <p><input name="CheckOut" type="radio" id="otherRadio" onchange="checkOtherRadio()"/>&nbsp;Other</p>
                                    <p><textarea id="otherReason" style="display:none;" rows="2" cols="40"></textarea><br />
                                    <input type="button" class="btn btn-orange" value="Submit" name="Submit" id="SubmitCheckout" />
                                    </p>
                                </div>
       
        <div class="clear">
        </div>

    </div>
    <div class="clear">
    </div>
    <div id="site_info">
        <p>
            Powered By <a href="http://www.evincedev.com" target="_blank">Evince Development</a>.
        </p>
    </div>
     </body>
</html>
    }